<style>
  .{{$template|escape:'html'}}_table1 {
    width: {{$smarty.const.PAGE_WIDTH|escape:'html'}};
    height: 25px;
    margin: 0 0 5px 0;
  }
  .{{$template|escape:'html'}}_table2 {
    background-image: url('images/common/headline.png');
    background-repeat: repeat-x;
    border-right: solid 1px #8F8F8A;
    width: {{$smarty.const.PAGE_WIDTH|escape:'html'}};
    height: 25px;
  }
  .{{$template|escape:'html'}}_table3 {
    width: {{$smarty.const.PAGE_WIDTH|escape:'html'}};
    height: 90px;
    border-right: solid 1px #b3b3ad;
  }
  .{{$template|escape:'html'}}_table4 {
    width: 860px;
    height: 75px;
  }
  .{{$template|escape:'html'}}_table5 {
    width: {{$smarty.const.PAGE_WIDTH|escape:'html'}};
  }
  .{{$template|escape:'html'}}_table6 {
    width: 860px;
    height: 80px;
  }
  .{{$template|escape:'html'}}_table7 {
    width: 860px;
    height: 30px;
  }
  .{{$template|escape:'html'}}_table8 {
    width: 860px;
    height: 38px;
  }
  .{{$template|escape:'html'}}_table9 {
    width: 860px;
    height: 40px;
  }
  .{{$template|escape:'html'}}_table10 {
    width: {{$smarty.const.PAGE_WIDTH|escape:'html'}};
    height: 22px;
  }
  .{{$template|escape:'html'}}_td1 {
    width: {{$smarty.const.PAGE_WIDTH|escape:'html'}};
    height: 40px;
    text-align: left;
    vertical-align: top;
  }
  .{{$template|escape:'html'}}_td2 {
    width: {{$smarty.const.PAGE_WIDTH|escape:'html'}};
    height: 25px;
    padding: 0 0 0 10px;
    text-align: left;
    color: #694247;
    font-weight: bold;
    font-size: 12pt;
  }
  .{{$template|escape:'html'}}_td3 {
    background-color: #ebebe3;
    width: {{$smarty.const.PAGE_WIDTH|escape:'html'}};
    height: 10px;
  }
  .{{$template|escape:'html'}}_td4 {
    width: 80px;
    height: 18px;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td5 {
    width: 440px;
    height: 18px;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td6 {
    width: 120px;
    height: 25px;
    color: #694247;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td7 {
    width: 740px;
    height: 25px;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td8 {
    background-color: #ebebe3;
    width: {{$smarty.const.PAGE_WIDTH|escape:'html'}};
    height: 5px;
  }
  .{{$template|escape:'html'}}_td9 {
    color: #694247;
    font-weight: bold;
    width: 120px;
    height: 50px;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td10 {
    width: 740px;
    padding-top: 5px;
    text-align: left;
    vertical-align: top;
  }
  .{{$template|escape:'html'}}_td11 {
    width: {{$smarty.const.PAGE_WIDTH|escape:'html'}};
    height: 20px;
    text-align: center;
    vertical-align: top;
  }
  .{{$template|escape:'html'}}_td12 {
    width: 830px;
    height: 20px;
    text-align: right;
  }
  .{{$template|escape:'html'}}_td13 {
    width: 70px;
    height: 20px;
    text-align: right;
  }
  .{{$template|escape:'html'}}_td14 {
    width: 750px;
    height: 25px;
    text-align: right;
    vertical-align: middle;
    padding: 0 5px 0 0;
    color: #694247;
    font-weight: bold;
    font-size: 16px;
  }
  .{{$template|escape:'html'}}_td15 {
    background-color: #f2e6d9;
    width: 150px;
    height: 25px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
    color: #000;
  }
  .{{$template|escape:'html'}}_inputText {
    border-left:solid 1px #d2c4b9;
    border-top:solid 1px #d2c4b9;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    width: 220px;
    height: 18px;
    text-align: left;
  }
  .{{$template|escape:'html'}}_inputText1 {
    border-left:solid 1px #d2c4b9;
    border-top:solid 1px #d2c4b9;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    width: 350px;
    height: 18px;
    text-align: left;
  }
  .{{$template|escape:'html'}}_textareaText {
    border-left:solid 1px #d2c4b9;
    border-top:solid 1px #d2c4b9;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    width: 500px;
    height: 80px;
    text-align: left;
  }
  .{{$template|escape:'html'}}_cursorPointer {
    cursor: pointer;
  }
  .{{$template|escape:'html'}}_memo {
    background-image: url(images/buttons/memo.png);
    height: 20px;
    width: 70px;
    cursor:pointer;
    border: 0;
    margin: 2px 0;
  }
  .{{$template|escape:'html'}}_memo:hover {
    background-image: url(images/buttons/memo_h.png);
    height: 20px;
    width: 70px;
    cursor:pointer;
    border: 0;
    margin: 2px 0;
  }
</style>



<script src="jsrequest.php?script={{$template|escape:'html'}}" type="text/javascript"></script>
<script type="text/javascript">
  <!--
    if (document.addEventListener) {
      document.addEventListener('DOMContentLoaded', init, false);
    }
    window.onload = init;

    function init() {
      if (!document.getElementById || !document.createElement || !arguments || arguments.callee._loaded) {
        return;
      }
      arguments.callee._loaded = true;
      
      var gui = GuiHistoryTapesParcel.instance('{{$template|escape:'javascript'}}');
      new HandleHistoryTapesParcel(gui, JSON.parse('{{$operator|escape:javascript}}'), JSON.parse('{{$now|escape:javascript}}'), JSON.parse('{{$options|escape:javascript}}'));
    }
  //-->
</script>

<div id="container">
  <table class="{{$template|escape:'html'}}_table1" cellPadding="0" cellSpacing="0">
    <tr>
      <td class="{{$template|escape:'html'}}_td14">Parcel No:</td>
      <td class="{{$template|escape:'html'}}_td15" id="{{$template|escape:'html'}}_mailNumber_div"></td>
    </tr>
  </table>
  
  <table class="{{$template|escape:'html'}}_table2" cellPadding="0" cellSpacing="0">
    <tr>
      <td class="{{$template|escape:'html'}}_td2">
        Mail Information
      </td>
    </tr>
  </table>
  <table class="{{$template|escape:'html'}}_table3" cellPadding="0" cellSpacing="0" >
    <tr>
      <td class="{{$template|escape:'html'}}_td3"></td>
    </tr>
    <tr>
      <td class="{{$template|escape:'html'}}_td3" align="center">
        <table class="{{$template|escape:'html'}}_table4" cellPadding="0" cellSpacing="0">
          <tr>
            <td class="{{$template|escape:'html'}}_td6">
              收件人
            </td>
            <td class="{{$template|escape:'html'}}_td7" id="{{$template|escape:'html'}}_person_div"></td>
          </tr>
          <tr>
            <td class="{{$template|escape:'html'}}_td6">
              寄出时间
            </td>
            <td class="{{$template|escape:'html'}}_td7" id="{{$template|escape:'html'}}_sendTime_div"></td>
          </tr>
          <tr>
            <td class="{{$template|escape:'html'}}_td6">
              收到时间
            </td>
            <td class="{{$template|escape:'html'}}_td7" id="{{$template|escape:'html'}}_receiveTime_div"></td>
          </tr>
          <tr>
            <td class="{{$template|escape:'html'}}_td6">
              地址
            </td>
            <td class="{{$template|escape:'html'}}_td10" id="{{$template|escape:'html'}}_address_div" rowSpan="2"></td>
          </tr>
          <tr>
            <td class="{{$template|escape:'html'}}_td6"></td>
          </tr>
          <tr>
            <td class="{{$template|escape:'html'}}_td6">
              邮包编号
            </td>
            <td class="{{$template|escape:'html'}}_td7" id="{{$template|escape:'html'}}_mailNo_div"></td>
          </tr>
          <tr>
            <td class="{{$template|escape:'html'}}_td6">
              邮寄公司
            </td>
            <td class="{{$template|escape:'html'}}_td7" id="{{$template|escape:'html'}}_company_div"></td>
          </tr>
          <tr>
            <td class="{{$template|escape:'html'}}_td6">
              重量(kg)
            </td>
            <td class="{{$template|escape:'html'}}_td7" id="{{$template|escape:'html'}}_weight_div"></td>
          </tr>
          <tr>
            <td class="{{$template|escape:'html'}}_td6">
              备注
            </td>
            <td class="{{$template|escape:'html'}}_td7" id="{{$template|escape:'html'}}_comment_div"></td>
          </tr>
          <tr>
            <td class="{{$template|escape:'html'}}_td9">
              特别备注
              <div>
                <input type="button" class="{{$template|escape:'html'}}_memo" id="{{$template|escape:'html'}}_memo_button" />
              </div>
            </td>
            <td class="{{$template|escape:'html'}}_td10" id="{{$template|escape:'html'}}_review_div"></td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td class="{{$template|escape:'html'}}_td8"></td>
    </tr>
  </table>
  
  <table class="{{$template|escape:'html'}}_table2" cellPadding="0" cellSpacing="0">
    <tr>
      <td class="{{$template|escape:'html'}}_td2">
        Product Information
      </td>
    </tr>
  </table>
  
  <table class="{{$template|escape:'html'}}_table5" cellPadding="0" cellSpacing="0">
    <tr>
      <td class="{{$template|escape:'html'}}_td11" id="{{$template|escape:'javascript'}}_products_div"></td>
    </tr>
  </table>
    
  <table class="{{$template|escape:'html'}}_table10" cellPadding="0" cellSpacing="0">
    <tr>
      <td class="{{$template|escape:'html'}}_td12">
        <input type="button" class="receive" id="{{$template|escape:'html'}}_receive_button"></img>
      </td>
      <td class="{{$template|escape:'html'}}_td13">
        <input type="button" class="cancel" class="{{$template|escape:'html'}}_cursorPointer" id="{{$template|escape:'html'}}_cancel_button"></img>
      </td>
    </tr>
  </table>
</div>